#message {
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid;
    position: relative;
    text-align: center;
    color: #00529B;
    background-color: #BDE5F8;
}

body {
    margin: 0px;
    padding: 0px;
    background-color: #FFDCBE;
    /*background-color: #efefef;*/
}

/* Header style - begin */
#header {
    height: 40px;
    width: 100%;
    display: table;

    /* Font styles */
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-size: 14px;
    line-height: 38px; /* Same as height */
    font-weight: bold;
    
    background: #34a5cf; /* Fallback */
    background: linear-gradient(#34a5cf, #2a8ac4);
    border-bottom: 2px solid rgba(0,0,0,0.3);
    color: #ffffff;
    text-shadow: 0 -1px rgba(0,0,0,0.3);
    text-decoration: none;
}

#header_row {
    display: table-row;
}

#title {
    display: inline-table;
    padding-left: 30px;
}

#user {
    padding-left: 5px;
    display: inline-table;
}

#logout {
    padding-right: 30px;
    text-align: right;
    display: table-cell;
    min-width: 100px;
}

#logout a {
    color: #ffffff;
}
/* Header style - end */

/* Main page style - begin */
#content_table {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
}

#content_row {
    display: table-row;
}

#myphotos,
#mystorytellings {
    /* Font styles */
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-size: 14px;
    line-height: 24px; /* Same as height */
    font-weight: bold;
    color: #996319;
    text-shadow: 0 1px rgba(255,255,255,0.3);
    text-decoration: none;
    background: #fbd568; /* Fallback */
    background: linear-gradient(#fbd568, #ffb347);
}

#addPhoto,
#createStorytelling,
#photoUploadSubmit,
#storytellingSubmit {
    /* Font styles */
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-size: 14px;
    line-height: 24px; /* Same as height */
    font-weight: bold;
    display: block;
    margin-top: 8px;
    
    background: #34a5cf; /* Fallback */
    background: linear-gradient(#34a5cf, #2a8ac4);
    border: 1px solid #2b8bc7;
    padding: 0px 20px;
    color: #ffffff;
    text-shadow: 0 -1px rgba(0,0,0,0.3);
    text-decoration: none;
}

#content_cell {
    padding: 15px 30px;
    width: 50%;
    display: table-cell;
    /* background: rgba(255,255,255,0.4); */
    background-color: #FFF5EC;
    background-clip: content-box;
}

#photoFrame {
    margin: 15px 0px 5px;
    border: 10px inset #f5f5f5;
    box-shadow:
        0 2px 2px rgba(0,0,0,0.2),        
        0 1px 5px rgba(0,0,0,0.2);   
}

.photoUploadInfo {
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-weight: bold;
    display: inline-block;
}

.keywords {
    font-family: 'Lato', Calibri, Arial, sans-serif;
    display: inline-block;
}

.photoUploadInfo.separation {
    margin-left: 15px;   
}

.photoUploadInfo.removeSeparation {
    margin-left: 30px;   
}

.divSeparator {
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0,0,0,0.2);
}
/* Main page style - end */

/* photoNew style - begin */
#photoUploadTitle {
    /* Font styles */
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-size: 14px;
    line-height: 24px; /* Same as height */
    font-weight: bold;
    color: #996319;
    text-shadow: 0 1px rgba(255,255,255,0.3);
    text-decoration: none;
    background: #fbd568; /* Fallback */
    background: linear-gradient(#fbd568, #ffb347);
    width: 400px;
    margin-top: 10px;
}

#photoUploadForm {
    padding: 15px 30px;
    width: 340px;
    background-color: #FFF5EC;
}

#uploadLabel,
#uploadKeywordsLabel {
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-weight: bold;
    display: table-cell;
    float: left;
    text-align: left;
}

#choosePhoto,
#uploadKeywordsInput {
    display: table-cell;
    float: left;
    text-align: left;
    margin-left: 20px;
}

#choosePhoto {
    margin-left: 45px;
}

#keywords {
    width: 230px;
}
/* photoNew style - end */

/* storytellingNew style - begin */
#createStoryTitle {
    /* Font styles */
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-size: 14px;
    line-height: 24px; /* Same as height */
    font-weight: bold;
    color: #996319;
    text-shadow: 0 1px rgba(255,255,255,0.3);
    text-decoration: none;
    background: #fbd568; /* Fallback */
    background: linear-gradient(#fbd568, #ffb347);
    width: 800px;
    margin-top: 10px;
}

#storytellingForm {
    padding: 15px 30px;
    width: 740px;
    background-color: #FFF5EC;
}

#storyThemeLabel,
#storyDescriptionLabel,
#storyDelayLabel,
#storyLoopLabel {
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-weight: bold;
    display: table-cell;
    float: left;
    text-align: left;
}

#name,
#description,
#delay,
#loopContinuously,
#photoQuerySubmit {
    display: table-cell;
    float: left;
    text-align: left;
    margin-left: 10px;
}

#delay {
    width: 50px;
}

#userStoryTable,
#photosFound {
    display: table;
    border-spacing: 0px 5px;
    width: 740px;
}

#userStoryInfo {
    display: table-row;
}

#inputArea {
    display: table-cell;
    text-align: left;
    width: 35%;
    border-right: 1px solid rgba(0,0,0,0.3);
    border-bottom: 1px solid rgba(0,0,0,0.3);
}

#storytellingSubmit {
    margin: 0 auto 10px;
}

#myPhotoSequence {
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-weight: bold;
    display: table-cell;
    text-align: center;
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,0.3);
}

#photoSequence {
    display: table-row;
    text-align: center;
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-weight: bold;
    height: 100%;
}

#recommendedPhotoDiv {
    display: inline-block;
    margin: 5px;
}

#addChosenPhotos {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/* storytellingNew style - end */